<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="js/vue-2.6.12.js"></script>
</head>
<body>

<!--

vue 中提供了 很多 事件修饰符
1 prevent 阻止 默认事件
2 once 只触发一次的事件
3 stop 阻止事件继续传播 比如冒泡事件
4 capture
5 self 只对自身触发的事件响应  比如点击事件 点击子元素 而冒泡来的事件不会触发响应 只有点击自身 才会触发

-->

<div id="app">

  <a href="www.baidu.com" @click.prevent="click1">去百度</a>
</div>




<script >

  let app =  new Vue({

    el:"#app",
    data:{},
    methods:{
      click1(event){
        alert("单机超链接");
      }
    },


  })

</script>

</body>
</html>